.user-content{
    .user-information{
        padding: 20px 16px;
        .user-container{
            border-bottom: 1px dashed #EAEBF2;
            padding-bottom: 16px;
        }
        .user-title{
            color:#273049;
            font-weight: 700;
            font-size: 16px;
            margin-bottom: 12px;
            span{
                width: 4px;
                height: 16px;
                background-color: #42C6F6;
                border-radius: 5px;
                margin-right: 7px;
                display: inline-block;
            }
        }
        ion-row{
            ion-col{
                padding:5px 0;
                i{
                    margin-left: -5px;
                    float: left;
                    font-size: 14px;
                    color: #2A344E;
                }
                div{
                    padding-left: 10px;
                    width: 95%;
                    float: left;
                    span{
                        padding-left: 5px;
                        color: #2A344E;
                    }
                    span:nth-child(1){
                        font-weight: 700;
                        padding-left: 0;
                    }
                }
                .user-arreas{
                    padding-left: 5px;
                }
                .arreas-text-title{
                    padding-left: 17px;
                }
            }
        }
        .user-number{
            border-left:1px solid rgba(39,48,73,0.40);
            ion-col{
                padding:0 0 10px 0;
            }
        }
        ion-row:nth-child(3){
            padding-bottom: 15px;
            border-bottom: 1px dashed #EAEBF2;
        }
        ion-row:nth-child(4){
            padding-top: 15px;
        }
        ion-row:nth-child(5){
            margin-top: 10px;
        }
        ion-row:last-child{
            ion-col{
                padding: 0;
            }
        }
    }
    .arrears-item{
        margin: 0 16px;
        padding: 0 0 16px;
        border-bottom: 1px dashed #EAEBF2;
        .arrears-title{
            padding-bottom: 16px;
            i{
                font-size: 14px;
            }
            span{
                font-size: 16px;
                font-weight: 700;
                color: #273049;
            }
        }
        .list-content{
            ion-col:nth-child(1),ion-col:nth-child(3){
                width: 12%;
                max-width: 12%;
                flex: 0 0 12%;
            }
            ion-col:nth-child(2),ion-col:nth-child(4),ion-col:nth-child(6){
                width: 20%;
                max-width: 20%;
                flex: 0 0 20%;
            }
            ion-col:nth-child(5){
                width: 16%;
                max-width: 16%;
                flex: 0 0 16%;
            }
        }
        ion-row{
            text-align: center;
            padding: 10px 0;
        }
        .list-title{
            background: rgba(190,195,213,0.6);
            font-size: 14px;
            color: #484B5E;
            font-family: PingFangSC-Medium;
        }
        .arrears-list{
            font-size: 12px;
            ion-row{
                padding: 5px 0;
            }
            .arrears-data{
                // border-bottom: 1px solid rgba(190,195,213,0.60);
                padding: 10px 0;
                i{
                    color:#42C6F6;
                    font-size: 12px;
                }
            }
            .total-arrears{
                // background: #f0f1f5;
                ion-row:nth-child(1){
                    background: rgba(190,195,213,0.4);
                }
                ion-row:nth-child(2){
                    background: rgba(190,195,213,0.2);
                }
                
            }
            .meter-reading-information{
                ion-row:nth-child(1){
                    background: rgba(190,195,213,0.4);
                }
                ion-row:nth-child(2){
                    background: rgba(190,195,213,0.2);
                }
            }
        }
    }

    .user-feature{
        margin: 16px 16px 0;
        overflow: hidden;
        .arrears-title{
            padding-bottom: 16px;
            i{
                font-size: 14px;
            }
            span{
                font-size: 16px;
                font-weight: 700;
                color: #273049;
            }
        }
        .feature-list{
            width: 90%;
            float: left;
            ion-row{
                ion-col{
                    padding: 10px 0;
                    background: #F0F2F9;
                    margin: 5px 10px;
                    border-radius: 20px;
                    font-family: PingFangSC-Regular;
                    font-size: 14px;
                    color: #484B5E;
                    text-align: center;
                }
            }
        }
        .feature-modify{
            width: 24px;
            padding: 3px 0;
            background-color: #42C6F6;
            color: #fff;
            font-size: 10px;
            display: inline-block;
            text-align: center;
            border-radius: 12px;
            margin-top: 5px;
        }
    }
    .payment-record{
        padding: 20px 16px; padding: 20px 16px;
        border-top: 5px solid rgba(231,233,240,0.8);
        margin-top: 25px;
        .title{
            color:#273049;
            font-weight: 700;
            font-size: 16px;
            margin-bottom: 16px;
            span{
                width: 4px;
                height: 16px;
                background-color: #42C6F6;
                border-radius: 5px;
                margin-right: 7px;
                display: inline-block;
            }
        }
        .arrears-num{
            color: #273049;
            font-weight: 700;
            font-size: 16px;
            padding-bottom: 16px;
            ion-col{
                padding: 0;
            }
            ion-col:last-child{
                text-align: right;
            }
        }
        .record-item{
            text-align: center;
            ion-row{
                padding:10px 0;
            }
            .item-title{
                ion-col{
                    width: 20%;
                    max-width: 20%;
                    flex: 0 0 20%;
                }
                i{
                    color: #42C6F6;
                    font-size: 12px;
                }
            }
            .title-back{
                background: rgba(190, 195, 213, 0.4);
                font-size: 14px;
                color: #484B5E;
                font-family: PingFangSC-Medium;  
            }
            ion-row:nth-child(2){
                font-size: 12px;
            }
            .payment-list{
                border-bottom: 1px solid #EAEBF2;
                font-size: 12px;
            }
            .record-list{
                ion-row{
                    font-size: 12px;
                }
                ion-row:nth-child(odd){
                    background: #f0f1f5;
                    padding: 5px 0;
                    ion-col{
                        border-right: 1px solid #FFF;
                    }
                    ion-col:last-child{
                        border-right: 0;
                    }
                }
                ion-row:nth-child(even){
                    background: #f7f7fa;
                    padding: 5px 0;
                    
                }
            }
        }
    }
}